import { createRouter, createWebHashHistory } from 'vue-router'
import Home from '@/components/Home'

const routes = [
  { path: '/', component: Home },
  {
    path: '/about',
    component: () =>
      import(/* webpackChunkName: "about" */ '@/components/About')
  }
]

const router = createRouter({
  // 4. Provide the history implementation to use. We are using the hash history for simplicity here.
  history: createWebHashHistory(),
  routes // short for `routes: routes`
})

export default router
